{% extends 'base.html' %}
{% load echarts %}

{% block main_content %}
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <h2>{{ title }}</h2>
            </div>
            <hr/>

            <table class="table table-bordered">
                <tr>
                    <td>描述</td>
                    <td>{{ chart_info.description }}</td>
                </tr>
                {% if chart_info.tags %}
                    <tr>
                        <td>标签</td>
                        <td> {% for tag in chart_info.tags %}
                            <span class="badge bg-secondary">{{ tag }}</span>
                        {% endfor %}</td>
                    </tr>
                {% endif %}
            </table>

            <br/>
            <div>
                {% dw_widget chart_obj %}
            </div>

        </div>
        <!--/.col-xs-12.col-sm-9-->


    </div>

{% endblock %}

{% block extra_script %}
    {% echarts_js_dependencies chart_obj %}
    {% echarts_js_content chart_obj %}
{% endblock %}
